<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>蓄电池</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css" />	
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<link rel="stylesheet" href="../../static/css/terminalwork.css" />	
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>  <!--请求接口页面必需-->
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../../static/components/processLog.js"></script>
		<script src="../../static/components/personSelect.js"></script>
	</head>
	<style>
		.alertBox{
			width: 100%;
			height: 60vw;
			background-color: #FFFFFF;
			z-index:3000;
			border-radius: 2vw;
		}
		.titlebox{
			width: 100%;
			height: 8vw;
			text-align: center;
			line-height: 8.5vw;
			color: #275EB1;
			border-bottom: 1px #275EB1 solid;
		}
		.itemtext{
			width: 100%;
			height: 18vw;
			font-size: 5vw;
			line-height: 18.5vw;
			padding-left: 5vw;
			color: #275EB1;
			border-bottom: 1px #275EB1 solid;
		}
		.mInputstyle{
			width: 80%;
			background-color: #006D2C;
		}
		.btnbox{
			width: 100%;
			height: 14vw;
			align-items: center;
			text-align: center;
			padding-top: 4vw;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">蓄电池定期测量</h1>
		</header>
		<div class="mui-content" id="storBattery">
			
			<div id="popover" class="mui-popover">
				<div class="alertBox">
					<div class="titlebox">
						蓄电池测量电压
					</div>
					
					<div class="itemtext">
						{{batterPosition+1}}号电池电压 ({{batterPosition+1}}/{{batteryForm.measureVoltage.length}})
					</div>
					<div class="itemtext">
						<input style=" margin-left: 13vw; width: 35vw;"
							placeholder="电压"
							type="number"
							:change="check_price()"
							v-model="dyNum"/>
					</div>
					<div class="btnbox">
						<div>
							<button type="button" v-on:click="lastData" class="mui-btn mui-btn-primary">上一条</button>
							<button type="button" v-on:click="setData" class="mui-btn mui-btn-warning">确认</button>
							<button type="button" v-on:click="nextData" class="mui-btn mui-btn-royal">下一条</button> 							
						</div>

					</div>
					
				</div>
			</div>
			
			<div class="main_box">
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">分配信息</div>
				</div>
				<div style="margin:3vw 3vw 5vw">
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">测试人</div>
						<div class="neios-form-item-con" style="width:60%;">
							{{testStaffCodeName}}
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">监护人</div>
						<div class="neios-form-item-con" style="width:60%;">
							{{tutelageStaffCodeName}}
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">测量时间</div>
						<div class="neios-form-item-con" style="width:60%;">
							{{time}}
						</div>
					</div>
				</div>
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">基础信息</div>
				</div>
				<div style="margin:3vw 3vw 5vw">
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">标准电压范围<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="下限电压" name="voltageLowerLimit"
							v-model="batteryForm.voltageLowerLimit" maxlength="60" 
							style="margin-bottom:5px;" :disabled="isView" @blur="showAbnormalInfo()"
							@change="checkInput(batteryForm.voltageLowerLimit,'voltageLowerLimit','0')"/>
							<input type="text" placeholder="上限电压" name="voltageUpperLimit"
							v-model="batteryForm.voltageUpperLimit" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.voltageUpperLimit,'voltageUpperLimit','0')" @blur="showAbnormalInfo()"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">温度<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="温度" name="temperature"
							v-model="batteryForm.temperature" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.temperature,'temperature','0')"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">蓄电池组</div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="蓄电池组" 
							v-model="storageBattery" maxlength="60" disabled/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">电池数量<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="电池数量" name="storageBatteryCount"
							v-model="batteryForm.storageBatteryCount" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.storageBatteryCount,'storageBatteryCount','1')"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">交流电压(V)<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="交流电压" name="acVoltage" 
							v-model="batteryForm.acVoltage" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.acVoltage,'acVoltage','0')"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">交流电流(A)<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="交流电流" name="acCurrent"
							v-model="batteryForm.acCurrent" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.acCurrent,'acCurrent','0')"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">母线电压(V)<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="母线电压" name="busVoltage"
							v-model="batteryForm.busVoltage" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.busVoltage,'busVoltage','0')"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">充电电流(A)<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="充电电流" name="chargingCurrent"
							v-model="batteryForm.chargingCurrent" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.chargingCurrent,'chargingCurrent','0')"/>
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:40%;">室温<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="室温" name="roomTemperature"
							v-model="batteryForm.roomTemperature" maxlength="60" :disabled="isView"
							@change="checkInput(batteryForm.roomTemperature,'roomTemperature','0')"/>
						</div>
					</div>
				</div>
				
				<div class="flex-row" style="width: 93vw;">
					<div class="icon"></div><div class="color-blue" id="part-title">测量信息</div>
					<div v-if="!isView" class="fast" v-on:click="openMask" id="part-title"><a href="#popover" id="openPopover" class="mui-btn mui-btn-primary">快速填写</a></div>
				</div>
				<div style="margin:3vw 3vw 5vw">
					<div class="neios-form-item" v-for="(item,index) in batteryForm.measureVoltage">
						<div class="neios-form-item-lable" style="width:40%;">{{index+1}}号电压<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:60%;">
							<input type="text" placeholder="电压"
							:name="'voltage' + index"
							:disabled="isView"
							:change="checkPriceItem(index)"
							v-model="item.voltage"
							type="number"
							@click="delUnderscore(index)"
							@blur="showAbnormalInfo()"/>
						</div>
					</div>
				</div>
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">结论</div>
				</div>
				<div style="margin:3vw 3vw 5vw">
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:20%;">结论<span class="red">*</span></div>
						<div class="neios-form-item-con" style="width:80%;">
							<textarea type="text" placeholder="结论" name="measureDesc"
							v-model="batteryForm.measureDesc" maxlength="600" :disabled="isView"
							@click="showAbnormalInfo()"></textarea>
						</div>
					</div>
				</div>
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">流程日志</div>
				</div>
				<div style="margin:3vw 3vw 0">
					<processlog :processlogid='parentObject.workId'></processlog>
				</div>
				
			</div>
				
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn" v-show="isSaveVisable" @click="save">保存</button>
				<button class="submit_btn" v-show="isSubVisable" @click="submit">提交</button>
				<button class="submit_btn" v-show="isBackVisable" @click="sendBack">退回</button>
				<button class="submit_btn" v-show="isConfVisable" @click="pass">确认</button>
				<button class="submit_btn" v-show="isPassVisable" @click="pass">通过</button>
			</div>
			
			<!-- 提交信息确认 -->
			<div class="explain-dialog" v-if="isShow">
				<div class="explain-in">
					<div class="explain-header">本次任务缺陷隐患记录</div>
					<div class="explain-con">
						<div class="explain-con-title">本次任务缺陷隐患记录</div>
						<div style="padding:0 5vw;">
							<div class="teble-title">隐患描述</div>
							<div class="teble-con" v-for="(item,index) in questionArrary">{{item.name}}</div>
						</div>
						<div v-show="showCheck">
							<div class="explain-con-title">选择审核人</div>
							<div class="neios-form-item" style="margin:0 5vw;">
								<div class="neios-form-item-lable" style="width:10%;"><span class="red">*</span></div>
								<div class="neios-form-item-con" style="width:90%;">
									<personselect :issingle=false ref="person"></personselect>
								</div>
							</div>
						</div>
						
						<div v-show="showDes">
							<div class="explain-con-title">意见描述</div>
							<div class="neios-form-item" style="margin:0 5vw;">
								<div class="neios-form-item-lable" style="width:10%;"><span class="red">*</span></div>
								<div class="neios-form-item-con" style="width:90%;">
									<textarea type="text" placeholder="请输入审批意见" name="desc"
									v-model="submitSwitch.desc" maxlength="255"></textarea>
								</div>
							</div>
						</div>
					</div>
					<div style="display:flex">
						<div class="explain-btn explain-btn-main" style="width:50%" @click="submitForm">确定</div>
						<div class="explain-btn" style="width:50%" @click="cancelForm">取消</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/storBattery.js"></script>
</html>
